<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index.html</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/commom.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font_3357388_wucsaa7plk/iconfont.css">
    <script src="./utils/flexible.js"></script>
    <script src="./utils/jquery-3.6.0.min.js"></script>
    <script src="./utils/public.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header id="header">
        <div class="logo">
            <a href="./index.html">
                <img src="./assets/images/header_logo.png" alt="">
            </a>
        </div>
        <div class="app">
            <a href="#">
                <img src="./assets/images/header_app.png" alt="">
            </a>
        </div>
    </header>
    <!-- 搜索框 -->
    <section id="search">
        <input type="text" name="" id="" placeholder="请输入你想比价的商品">
        <button>搜索</button>
    </section>
    <!-- 导航 -->
    <ul id="nav">
        <li>
            <a href="./pages/category.html">
                <img src="./assets/images/ic_search.png" alt="">
            </a>
            <p>比价搜索</p>
        </li>
        <li>
            <a href="./pages/moneyctrl.html">
                <img src="./assets/images/ic_cu.png" alt="">
            </a>
            <p>省钱控</p>
        </li>
        <li>
            <a href="./pages/inlanddiscount.html">
                <img src="./assets/images/ic_coudanpin.png" alt="">
            </a>
            <p>国内折扣</p>
        </li>
        <li>
            <a href="./pages/baicaijia.html">
                <img src="./assets/images/ic_bcj.png" alt="">
            </a>
            <p>白菜价</p>
        </li>
        <li>
            <a href="./pages/moneyctrl.html">
                <img src="./assets/images/haitao.png" alt="">
            </a>
            <p>海淘折扣</p>
        </li>
        <li>
            <a href="./pages/conpon.html">
                <img src="./assets/images/ic_temai.png" alt="">
            </a>
            <p>优惠券</p>
        </li>
        <li>
            <a href="./pages/category.html">
                <img src="./assets/images/ic_trend.png" alt="">
            </a>
            <p>查历史价</p>
        </li>
        <li>
            <a href="#">
                <img src="./assets/images/gengduo.png" alt="">
            </a>
            <p>更多</p>
        </li>
        <li>
            <a href="./pages/gsproduct.html">
                <img src="./assets/images/ic_coudanpin (1).png" alt="">
            </a>
            <p>凑单品</p>
        </li>
        <li>
            <a href="./pages/category.html">
                <img src="./assets/images/ic_kb.png" alt="">
            </a>
            <p>口碑排行</p>
        </li>
        <li>
            <a href="./pages/sitenav.html">
                <img src="./assets/images/ic_mall.png" alt="">
            </a>
            <p>商城导航</p>
        </li>
        <li>
            <a href="./pages/brandTitle.html">
                <img src="./assets/images/ic_pp.png" alt="">
            </a>
            <p>品牌大全</p>
        </li>
    </ul>
    <!-- 折扣推荐 -->
    <section id="discount">
        <span>超值折扣推荐</span>
        <a href="#">
            <img src="./assets/images/more.png" alt="">
        </a>
    </section>

    <!-- 商品 -->
    <ul id="product">
        <!-- <li>
            <a href="#">
                <div class="left">
                    <img src="./assets/images/gengduo.png" alt="">
                </div>
                <div class="right">
                    <h4>移动端凑单品</h4>
                    <p>10.9</p>
                    <div class="other">
                        <span class="mall">天猫</span>
                        <em class="fr">
                            <i class="iconfont icon-xiaoxi"></i>
                            <span>有1人评论</span>
                        </em>
                    </div>
                </div>
            </a>
        </li> -->
    </ul>

    <!-- 底部 -->
    <footer id="footer">
        <div class="more">
            <a href="#">更多优惠信息>></a>
        </div>
        <div class="chart">
            <span>品牌排行</span>
            <span>
                <img src="./assets/images/more.png" alt="">
            </span>
        </div>
        <div class="login">
            <div class="container">
                <a href="#">登入</a>
                <a href="#">注册</a>
                <a href="#">返回顶部</a>
            </div>
            <div class="content">
                <p>
                    <a href="#">手机APP下载</a>
                    <a href="#">万锋智慧商城手机版</a>
                    <span>-- 掌上比价平台</span>
                </p>
                <p>chst.vip:8081/crm</p>
            </div>
        </div>
    </footer>

    <!-- 引入 js文件 -->
    <script src="./js/index.js"></script>
</body>

</html>